<script setup="">
import { useRoute, useRouter } from "vue-router"

defineOptions({
  name: "AppIndex"
})

// 在 Vue3 中，可以在模板中使用 $router.push 的方式实现跳转
// 1.获取路由对象 router 需要使用 useRouter()
const router = useRouter()
// 2.获取路由参数 route 需要使用 useRoute()
const route = useRoute()

const goList = () => {
  console.log(router, route)
  router.push("/list")
}
</script>

<template>
  <div>
    I am App
    <button @click="$router.push('/home')">跳首页</button>
    <button @click="goList">跳列表页</button>
  </div>
</template>

<style scoped></style>
